* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
html { font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;}
body { margin: 0; padding: 0; font-size: 1.4rem; line-height: 1.5; color: #333333; background-color: white; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch }
a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #0088cc }
a:active { outline: 0 }
a:active { color: #006699 }
img { border: 0; vertical-align: middle }
table { border-collapse: collapse; border-spacing: 0 }
td, th { padding: 0 }
ul, ol, li, dl, dd { margin: 0; padding: 0 }
ul, ol { list-style: none outside none }
h1,h2,h3,h4,h5,h6 {margin: 0;}
h1, h2, h3 { line-height: 2;}
h1 { font-size: 1.8rem }
h2 { font-size: 1.6rem }
h3 { font-size: 1.4rem }
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc }
.clear {clear: both;}
.clearfix:after { content: ""; display: block; height: 0; visibility: hidden; clear: both }

body {min-width: 320px;background: #ebebeb;}
header, footer {width: 100%;height: 50px;}
header h1, footer h1 {line-height: 50px;text-align: center;color: #f3f3f3;}
header {background: #97ce68;}
footer {background: #202a2b;position: absolute;}

.page {padding-bottom: 50px;}
